
	.block_navigation{
		.content{
			padding:0;
			ul li{
				border-bottom: 1px solid #eee;
				margin: 0;
				&:last-child{
					border-bottom:0;
				}
			}
		}
		.block_tree{
			a{
				display: block;	
				color: #555;
				&:hover{
					color: #1ABC9C;
				}
			}
			p{
				line-height: 30px;
				padding-top: 8px;
				padding-bottom: 8px;
				margin-top: 0;
				margin-bottom: 0;
				transition:all 0.5s;
				&:hover{
					background-color: #ccc;
				}
			}
			ul{
				padding-left: 0;
				li.item_with_icon{
					>p.hasicon img{
						top:inherit;
						width: 20px;
						height: 20px;
					}
					>p img{
						position: inherit;
						margin: 0 5px;
						width: 20px;
						height: 20px;
					}
				}
			}
			li.depth_1{
				>p{
					a{
						&:before{
							content: "\f015";
							font-family: FontAwesome;
							margin-right: 6px;
						}
					}			
				}
				
			}
			li.depth_2{
				>p{
						>a{
							img{
								display: none;
							} 
							&:before{
								content: "\f007";
								font-family: FontAwesome;
								margin-right: 6px;
							}
						}
				}
				&.type_course{
					>p{
						&:before{
							content: "\f0e4";
							font-family: FontAwesome;
							margin-right: 6px;
						}

					}
				}
				&.type_user{
					>p{
						&:before{
							content: "\f0f0";
							font-family: FontAwesome;
							margin-right: 6px;
						}
					}
				}
				&.type_system{
					>p{
						padding-left: 4px;
						&:before{
							content: "\f02d";
							font-family: FontAwesome;
							margin-right: 6px;
						}
						&#expandable_branch_0_mycourses{
							&:before{
								display: none;
							}
							a{
								&:before{
									content: "\f02d";
								}
							}
						}
					}
				}
				ul{
					padding-left: 0;
				}
			}
			li.depth_3{
				&.type_course{
					>p.canexpand{
						background:inherit;
						a:before{
							content: "\f02e";
							font-family: FontAwesome;
							margin-right: 5px;
						}
					}
					.type_unknown{
						&.depth_4{
							>p{
								background: inherit;
								a:before{
								content: "\f0c0";
								font-family: FontAwesome;
								margin-right: 5px;
								}
								span:before{
									content: "\f091";
									font-family: FontAwesome;
									margin-right: 5px;
								}
							}
						}
					}
				}

			}
			li.depth_4{
				//&[aria-expanded="true"]{
				//			margin: -1px -5px;
				//			background-color: #233342;
				//		}
				&.type_structure{
					>.tree_item.branch{
						padding-left: 4px;
						&:before{
							content: "\f07c";
							font-family: FontAwesome;
							margin-right: 5px;
						}
					}
				&.type_structure.collapsed{
					>.tree_item.branch{
						&:before{
							content: "\f07b";
							}
						}
					}
				}
				>p.branch{

				}
				>ul{
					
					li{
						border: 0;
						&.current_branch p{
							background-color: #ccc;
						}
					}
				}
			}
			.tree_item{

				&.branch{
					background-position: 100% 50%;
				}
			}
			li.item_with_icon > p{
					padding-left: 20px;
				}
		}
	}
